<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">赛项模板ID：</label>
                            <div class="col-sm-8">
                                <!--                                <input id="jzEveMoId" name="jzEveMoId" placeholder="1111111" class="form-control"-->
                                <!--                                       type="text">-->
                                <select class="form-control valid" name="jzEveMoId" id="jzEveMoId">
                                </select>
                            </div>
                        </div>
                        <div class="form-group" id="yearbox">
                            <label class="col-sm-3 control-label">所属年份：</label>
                            <div class="col-sm-8">
                                <!--                                <input id="year" name="year" placeholder="year" class="form-control" type="text">-->
                                <select class="form-control valid" name="year" id="year">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label" id="zyname">名称：</label>
                            <div class="col-sm-8">
                                <input id="eventName" name="eventName" placeholder="请输入名称" class="form-control"
                                       type="text">

                            </div>
                        </div>
                        <div class="form-group" id="suoShu">
                            <label class="col-sm-3 control-label">所属赛项：</label>
                            <div class="col-sm-8">
                                <input id="eventTitle" name="eventTitle" placeholder="请输入所属赛项"
                                       class="form-control"
                                       type="text">

                            </div>
                        </div>
                        <div class="form-group" id="yearOlds" style="display: none">
                            <label class="col-sm-3 control-label">宝宝年龄</label>
                            <div class="col-sm-8">
                                <select class="form-control valid" id="yearOld" name="eventTitle">
                                    <option value="">请选择</option>
                                    <option value="0-1岁">0岁-1岁</option>
                                    <option value="1-2岁">1岁-2岁</option>
                                    <option value="2-3岁">2岁-3岁</option>
                                </select>
                                <!--<input id="eventType" name="eventType" placeholder="eventType" class="form-control" type="text">-->

                            </div>
                        </div>
                        <div class="form-group" id="gradebox" style="display: none">
                            <label class="col-sm-3 control-label">等级：</label>
                            <div class="col-sm-8">
                                <select class="form-control valid" id="grade" name="grade" type="hidden">
                                    <option value="1">初级</option>
                                    <option value="2">中级</option>
                                    <option value="3">高级</option>
                                </select>

                            </div>
                        </div>
                        <div class="form-group" id="eventTypebox">
                            <label class="col-sm-3 control-label">类型</label>
                            <div class="col-sm-8">
                                <select class="form-control valid" id="eventType" name="eventType">
                                    <option value="0">国赛</option>
                                    <option value="1">省赛</option>
                                    <option value="2">市赛</option>
                                    <option value="3">其他赛</option>
                                </select>
                                <!--<input id="eventType" name="eventType" placeholder="eventType" class="form-control" type="text">-->

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">学习人数：</label>
                            <div class="col-sm-8">
                                <input id="numStus" name="numStus" placeholder="请输入学习人数" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="form-group" id="videobox" style="display: none">
                            <label class="col-sm-3 control-label">视频：</label>
                            <div class="col-sm-8">
                                <div id="videoShow"></div>
                                <input type="button" class="btn btn-success" id="videobtn" value="上传视频">
                                </input>
                            </div>
                        </div>
                        <div class="form-group" id="mp4urls" style="display: none">
                            <label class="col-sm-3 control-label">视频链接：</label>
                            <div class="col-sm-8">
                                <input id="mp4url" name="video" placeholder="视频链接" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div id="fileProgress" class="form-group" style="display: flex;flex-direction: row; justify-content: center;">
                            <label class="col-sm-3 control-label">上传进度：</label>
                            <div class="layui-progress layui-progress-big" lay-showPercent="yes"
                                 lay-filter="progressBar" style="width: 70%">
                                <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
                            </div>
                        </div>
                        <div class="form-group" id="fmImg">
                            <label class="col-sm-3 control-label">封面图：</label>
                            <div class="col-sm-8">
                                <!--                                <input id="img" name="img" placeholder="img" class="form-control" type="text">-->
                                <div class="layui-form-item">
                                    <div class="layui-input-block" style="margin: 0px">
                                        <div class="layui-upload-drag" id="drag">
                                            <i class="layui-icon" id="icon"></i>
                                            <p id="icontext">点击上传，或将文件拖拽到此处</p>
                                            <div class="layui-hide" id="uploadDemoView">
                                                <hr id="hr">
                                                <img src="" alt="上传成功后渲染" id="imgShow" style="max-width: 196px">
                                            </div>
                                        </div>
                                        <input type="hidden" id="img" name="img" lay-verify="picture">
                                        <div onclick="imgYulan()" id="yubtn" class="btn btn-primary"
                                             style="margin-left: 15px;">预览图片
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" id="jianjie" style="display: none">
                            <label class="col-sm-3 control-label">资源简介：</label>
                            <div class="col-sm-8">
                                <textarea id="jianjievalues" name="introduce" class="form-control" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" id="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/webJs/eventresource/eventresourceAllocation/add.js?r=2s9">
</script>
</body>
</html>
